<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	</head>
	<body style="overflow-y: hidden;">
		
		<div class="navlist">
			
		</div>
		<div class="navli">
				<a href="index.html">首　页</a>
				<a href="project.html">产品介绍</a>
				<a href="tryout.html">免费试用</a>
				<a href="agent.html">代理加盟</a>
				<a href="about.html">关于我们</a>
				<div class="down">
					<p>- 小辞店商户APP下载 -</p>
					<a>Android下载</a>
					<a>App Store下载</a>
				</div>
			</div>
		
		<div class="bodynav">
			
		
		
		<header class="flexBetween">
			<img class="logo" src="img/logo.png"><div class="navflow"><img class="navicon" src="svg/nav.svg"></img></div>
		</header>
		
		
		<div class="tryhtml">
		<div class="swiper-wrapper">
      <div class="swiper-slide stop-swiping">
      	
      	
      	<div class="tryout">
    <div class="swiper-wrapper tryout-wrapper">
            <div class="swiper-slide">
            	<div class="tryoutbox">
            		<div class="tryouthead">
            			体验版
            		</div>
            		<div class="tryoutbody">
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            		</div>
            		<div class="tryoutfoot">
            			<button type="button" class="swiper-button-next-tryleft">免费申请</button>
            		</div>
            	</div>
            </div>
            <div class="swiper-slide">
            	<div class="tryoutbox">
            		<div class="tryouthead">
            			入门版
            		</div>
            		<div class="tryoutbody">
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            		</div>
            		<div class="tryoutfoot">
            			<button type="button" class="swiper-button-next-tryleft">免费申请</button>
            		</div>
            	</div>
            </div>
            <div class="swiper-slide">
            	<div class="tryoutbox">
            		<div class="tryouthead">
            			标准版
            		</div>
            		<div class="tryoutbody">
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            		</div>
            		<div class="tryoutfoot">
            			<button type="button" class="swiper-button-next-tryleft">免费申请</button>
            		</div>
            	</div>
            </div>
            <div class="swiper-slide">
            	<div class="tryoutbox">
            		<div class="tryouthead">
            			尊享版
            		</div>
            		<div class="tryoutbody">
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            			<div><em>开通期限</em><em>30天</em></div>
            		</div>
            		<div class="tryoutfoot">
            			<button type="button" class="swiper-button-next-tryleft">免费申请</button>
            		</div>
            		
            	</div>
            </div>
    </div>
  </div>
      	
      	
      	
      	
      	
      </div>
      <div class="swiper-slide stop-swiping">
      	<div class="tryoutfrom">
      			<div class="tryoutfromhead"></div>
      				<div class="tryfrombox">
      			<div class="tryfromboxpad">
      			<div class="tipsred">
      				商户入驻信息必须以真实有效为据，请勿虚假滥造，审核成功后将以短信通知您！
      			</div>
      			<div class="tryfromglup">
      				<span><em>已选：体验版</em><em class="swiper-button-prev-tryright">更换</em></span>
      			</div>
      			<div class="tryfromglup">
				<input type="text" placeholder="姓名">
				</div>
				<div class="tryfromglup">
				<input type="text" placeholder="身份证号">
				</div>
				<div class="tryfromglup">
				<input type="text" placeholder="身份证正面照">
				</div>
				<div class="tryfromglup">
				<input type="text" placeholder="营业执照照片">
				</div>
				<div class="tryfromglup">
				<input type="text" placeholder="商铺地址">
				</div>
				<div class="tryfromglup">
				<input type="text" placeholder="手机号">
				</div>
				<div class="tryfromglup">
				<input type="text" placeholder="验证码">
				</div>
				<button type="button">提交资料</button>
				<br/><br/>
				</div>
				<div class="jion">
		  	<div>
		  		<a style="border: 1px solid #fff;background: transparent;" href="project.html">产品介绍</a>
		  		<a href="tryout.html">免费试用</a>
		  	</div>
		  	<div>
		  		<a href="agent.html">代理加盟</a>
		  		<a href="about.html">关于我们</a>
		  	</div>
		  </div>
		  <div class="copyright">
		  	<p><img src="img/code.jpg" width="160px" /></p>
		  	<p>长按二维码关注小辞店公众号</p>
		  	<br/><br/>
		  	<p>全国统一客服热线 / 400 - 882 - 7950</p>
			<p>Copyright Reserved 2014-2015 © 致翼网络科技</p>
			<p>沪ICP备16000763号-1</p>
		  </div>
		  
			</div>
      		</div>
      	
      	
      	
      </div>
    </div>
    
    

    
    
    
    
	</div>
	
	
	
		  



			
			

		  
		 
		  
		 
		  
		
		  
		  
		  
		
		</div>
		<script src="js/swiper.min.js"></script>
		<script type="text/javascript">
			$(function(){
				var swiper1 = new Swiper('.tryout',{
					effect: 'coverflow',
      grabCursor: true,
      centeredSlides: true,
      slidesPerView: 'auto',
      coverflowEffect: {
        rotate: 45,
        stretch: 0,
        depth: 100,
        modifier: 1,
        slideShadows : true,
      },


				})
				
				
				
				
				var swiper2 = new Swiper('.tryhtml',{
					direction: 'vertical',
					navigation: {
			        nextEl: '.swiper-button-next-tryleft',
			        prevEl: '.swiper-button-prev-tryright',
			      },
			      noSwipingClass : 'stop-swiping',
				

				})
				
				
		
				


				
				
				
				$(".navflow").click(function(){
					$(".navlist").show();
					$(".navli,.bodynav").addClass("bodyleft")
					$(".header").addClass("bodyleft")
				});
				$(".navlist").click(function(){
					$(".navlist").hide();
					$(".navli,.bodynav").removeClass("bodyleft")
					$(".header").removeClass("bodyleft")
				})
				
				
				
				

					$("body").scroll(function() {
				    if ($("#showscroll").offset().top <= 0) {
				    	$("header").addClass("header")
				    } else{
				    	$("header").removeClass("header")
				    }
				  });			
		
			
			})
			
			
			
	
			
			
			
			
		</script>
	</body>
</html>
